<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ include file="../../attr.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="${ctx}/css/sapar.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/css/common.css"/>
    <script type="text/javascript" src="${ctx}/js/jquery.js"></script>
    <script type="text/javascript" src="${ctx}/js/sapar.js"></script>
    <script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
    <script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
    <script type="text/javascript" src="${ctx}/js/kkpager.min.js"></script>

    <link rel="stylesheet" type="text/css" href="${ctx}/css/kkpager_blue.css"/>
    <script type="text/javascript" src="${ctx}/assets/laydate/laydate.js"></script>
    <script src="${ctx}/js/share.js" type = "text/javascript"></script>
    <link rel="stylesheet" href="${ctx}/css/jquery-ui-1.9.2.custom.css" type="text/css">
    <script src="${ctx}/js/jquery-ui-1.9.2.custom.js" type = "text/javascript" language="javascript"></script>
    <title>清洗查询</title>
    <style type="text/css">
        #left {
            float: left;
            width: 100%;
        }

        #saper-container {
            float: left;
            width: 100%;
            background: url(../images/dian.png) repeat-y 69% 0;
        }

        #table_left {
            float: left;
            width: 68%;
            min-height: 300px
        }

        #right {
            float: right;
            width: 30%;
            min-height: 300px
        }
    </style>
</head>

<body>
<div id="left">
    <div id="saper-container">
        <div id="saper-hd"></div>
        <div id="saper-bd">
            <div class="subfiled clearfix">
                <h2>清洗消毒</h2>
            </div>
            <div class="subfiled-content" id="app">
                <div class="search-box clearfix">

                    <div class="kv-item clearfix">
                        <label>清洗批次：</label>
                        <div class="kv-item-content">
                            <input type="text" placeholder="清洗批次" name="qxpc" value="${searchTxt}" class="search_text">
                        </div>
                    </div>

                    <div class="kv-item-content" style="margin-left: 20px; ">
                        <input style="padding-left: 32px ;padding-right: 8px"  name="time" id="time" type="text" class="ui-datepicker-time"   />
                        <div class="ui-datepicker-css">
                            <div class="ui-datepicker-quick">
                                <p>快捷日期<a class="ui-close-date">X</a></p>
                                <div>
                                    <input @click="timeChangeFun"  class="ui-date-quick-button" type="button" value="今天" alt="0"  name=""/>
                                    <input @click="timeChangeFun" class="ui-date-quick-button" type="button" value="昨天" alt="-1" name=""/>
                                    <input @click="timeChangeFun" class="ui-date-quick-button" type="button" value="7天内" alt="-6" name=""/>
                                    <input @click="timeChangeFun" class="ui-date-quick-button" type="button" value="14天内" alt="-13" name=""/>
                                    <input @click="timeChangeFun" class="ui-date-quick-button" type="button" value="30天内" alt="-29" name=""/>
                                    <input @click="timeChangeFun" class="ui-date-quick-button" type="button" value="60天内" alt="-59" name=""/>
                                </div>
                            </div>
                            <div class="ui-datepicker-choose">
                                <p>自选日期</p>
                                <div class="ui-datepicker-date">
                                    <input @click="timeChangeFun" name="startDate" id="startDate" class="startDate" readonly value="2014/12/20" type="text">
                                    -
                                    <input @click="timeChangeFun" name="endDate" id="endDate" class="endDate" readonly  value="2014/12/20" type="text" disabled  onchange="datePickers()">

                                </div>
                            </div>
                        </div>
                    </div>

                    <a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn">查询</a>
                </div>


                <!--表格开始-->
                <div id="table_left" class="table">
                    <!--表格操作-->
                    <div class="table-operate ue-clear">

                        <a href="javascript:;" class="edit">修改</a>
                        <a href="javascript:;" class="del">删除</a>
                    </div>
                    <!--表格具体内容-->
                    <div class="table-box">
                        <table>
                            <thead>
                            <tr>
                                <th>操作</th>
                                <th>清洗机器</th>
                                <th>清洗软件</th>
                                <th>清洗人</th>
                                <th>开始时间</th>
                                <th>结束时间</th>
                                <th>清洗状态</th>
                                <th>审核状态</th>
                            </tr>
                            </thead>
                            <tbody>

                            <c:if test="${qingxiList != null}">
                                <!-- var 是给给他起名字 -->
                                <c:forEach items="${qingxiList}" var="qingxiList">
                                    <tr data="${qingxiList.qingxiLiushui}" class="qingxidata">
                                        <td><input type="checkbox" name="qingxiLiushui"
                                                   value=${qingxiList.qingxiLiushui} />
                                        </td>
                                        <td>${equipMap[qingxiList.qingxiShebeiTiaoma+0].equipName}</td>
                                        <td>${softMap[qingxiList.qingxiRuanjianTiaoma+0].softName}</td>
                                        <td>${empmap[qingxiList.qingxiQingxirenTiaoma]}</td>
                                        <td><fmt:formatDate value="${qingxiList.qingxiKaishiTime}"
                                                            type="date" pattern="MM-dd HH:mm"/></td>
                                        <td><fmt:formatDate value="${qingxiList.qingxiJieshuTime}"
                                                            type="date" pattern="MM-dd HH:mm"/></td>
                                        <td>
                                            <c:if test="${qingxiList.qingxiZhuangtai==0}">未开始</c:if>
                                            <c:if test="${qingxiList.qingxiZhuangtai==1}">清洗中</c:if>
                                            <c:if test="${qingxiList.qingxiZhuangtai==2}">清洗结束</c:if>
                                        </td>

                                        <td>
                                            <c:if test="${qingxiList.qingxiHege==0}">未审核</c:if>
                                            <c:if test="${qingxiList.qingxiHege==1}">审核完成</c:if>
                                        </td>

                                    </tr>
                                </c:forEach>
                            </c:if>

                            </tbody>
                        </table>
                    </div>
                    <div id="kkpager"></div>
                </div><!--表格结束-->
                <div id="right">
                    <div class="table">
                        <div class="table-box">
                            <table id="detail">
                                <thead>
                                <tr>
                                    <th>网篮条码</th>
                                    <th>包条码</th>
                                    <th>包名称</th>
                                </tr>
                                </thead>
                                <tbody class="packagedetail">

                                </tbody>
                            </table>
                        </div>
                        <div>
                            <input id="leftPage" class="butLeft" type="button" value="上一页"/>
                            <input id="rightPage" class="butRight" type="button" value="下一页"/>
                            <span>到第&nbsp;</span><input style="width: 70px" id="goPage" class="textBox" type="text" value="1"/><span
                                style="margin-left: 4px;">页&nbsp;</span>
                            <input id="sureBut" class="sure" type="button" value="确定"/>
                            <span>共</span><span class="totalPages" id="totalNum">0</span><span>&nbsp;页</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="saper-ft">

        </div>

    </div>


</div>
<script type="text/javascript" src="${ctx}/js/byslin.js"></script>
<script type="text/javascript" src="${ctx}/js/mask.js"></script>

<script type="text/javascript">
    var pageSize = 10, currentPage = 1, totalPage;
    var data = [];
    $(function () {
        var totalPage = ${total};
        var pageNo = getParameter('pageIndex');
        if (!pageNo) {
            pageNo = 1;
        }
        //生成分页
        //有些参数是可选的，比如lang，若不传有默认值
        kkpager.generPageHtml({
            pno: pageNo,
            //总页码
            total: totalPage,
            //链接前部
            hrefFormer: '${ctx}/qingxi/qingxiList',
            //链接尾部
            hrefLatter: '.do',
            getLink: function (n) {
                return this.hrefFormer + this.hrefLatter + "?pageIndex=" + n + "&searchTxt=" + $(".search_text").val() + "&st=" + $("#st").val() + "&et=" + $("#et").val();
            }
        });

        $(".qingxidata").click(function () {
            $(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
            var liushuiId = $(this).attr("data");
            $.ajax({
                type: "post",
                url: "${ctx}/qingxi/qingxiMingxiList.do?id=" + liushuiId,
                error: function () {
                    layer.alert("网络故障，稍后再试");
                },
                success: function (data) {
                    if (data.status == "true") {
                        appendTable(data);
//		 	           	var dataList = data.zsWanglanpacklist;
// 		 	           	$(".packagedetail").empty();
// 		 	           	var str = "";

// 	 	           		for(var i = 0; i<dataList.length;i++){
// 	 	           			str += "<tr class='packMx "+dataList[i].packageTiaoma+"'  data='"+dataList[i].packageId+"'><td>"+dataList[i].wanglanTiaoma+"</td>"
// 		 	           		+"<td>"+dataList[i].packageTiaoma+"</td><td>"+dataList[i].packageName+"</td>"
// 	 	           			+"</tr>";
// 	 	           		}
// 	 	           		$(".packagedetail").append(str);     	 
                    } else {
                        layer.msg(data.msg);
                    }
                }
            });
        });

        $(".packMx").live("dblclick", function () {
            $(this).addClass("xuanzhong").siblings().removeClass("xuanzhong");
            var packId = $(this).attr("data");
            //找儿子的典例
            var name = $(this).find("td:eq(2)").text();
            layer.open({
                type: 2,
                title: name + '包明细',
                maxmin: true,
                shadeClose: true, //点击遮罩关闭层
                area: ['800px', '520px'],
                content: '${ctx}/wutiaoma/findQixieListPeibao.do?id=' + packId + '&name=' + name
            });
        })

        $(".query-btn").click(function () {
            var startTime = $("#st").val();
            var start = new Date(startTime.replace("-", "/").replace("-", "/"));
            var endTime = $("#et").val();
            var end = new Date(endTime.replace("-", "/").replace("-", "/"));
            if (end < start) {
                alert("终止时间不能在起始时间之前");
            }
            window.location.href = "${ctx}/qingxi/qingxiList.do?searchTxt=" + $(".search_text").val() + "&st=" + startTime + "&et=" + endTime;
        });


        $(".edit").click(function () {
            var chk_value = getSelRecord();
            debugger

            $.ajax({
                type: "POST",
                url: "${ctx}/qingxi/qingxiEdit?qingxiLiushui=" + chk_value[0],
                error: function (request) {
                    layer.alert("网络故障，请稍后再试!");
                },
                success: function (data) {
                    if (data.status == true) {
                        debugger
                        window.location.href = "${ctx}/qingxi/qingxiEdit.do?qingxiLiushui=" + chk_value[0];
                        hideMask();
                    } else {
                        hideMask();
                        layer.msg(data.msg);
                    }
                }
            });

            <%--if (chk_value.length == 1) {--%>
                <%--window.location.href = "${ctx}/qingxi/qingxiEdit.do?qingxiLiushui=" + chk_value[0];--%>
            <%--} else {--%>
                <%--layer.msg("请选择并只能选择一条数据！");--%>
            <%--}--%>
        });

        $("#sureBut").click(function () {
            goPage();
        });
        $("#leftPage").click(function () {
            leftPages();
        });
        $("#rightPage").click(function () {
            rightPages();
        });

//       分页	
        function appendTable(dataList) {
            currentPage = 1;
            data = dataList.zsWanglanpacklist;
//	         packageId = dataList.packageId;
            creatTab();
        }

        //获得总页数
        function totalPages() {
            //如果刚好除尽
            if (data.length % pageSize == 0) {
                totalPage = data.length / pageSize;
            }
            else {
                totalPage = parseInt(data.length / pageSize) + 1;
            }
        }

        //上一页
        function leftPages() {
            if (currentPage != 1) {
                currentPage--;
                //开始创建
                creatTab();
            }
        }

        //下一页
        function rightPages() {
            if (currentPage != totalPage) {
                currentPage++;
                //开始创建
                creatTab();
            }
        }

        //到第几页去
        function goPage() {
            currentPage = document.getElementById('goPage').value;
            //如果输入的页数超出总页数，则到最后一页去！
            if (currentPage > totalPage) {
                currentPage = totalPage;
            }
            if (currentPage < 1) {
                currentPage = 1;
            }
            creatTab();
        }

        function creatTab() {
            //清空数据
            $(".packagedetail").empty();
//	  		$("#checkalltwo").attr("checked",false);
            //总页数
            totalPages();
            $('#totalNum').text(totalPage);
            //插入页数
            $('#goPage').val(currentPage);
            var str = '';
//			$("#packagedetail").empty();
            currentRows = (totalPage == 1 || currentPage == totalPage) ? data.length : currentPage * pageSize;
            console.log(currentPage);
            console.log(currentRows);
            for (var i = (currentPage - 1) * pageSize; i < currentRows; i++) {
                str += "<tr class='packMx " + data[i].packageTiaoma + "'  data='" + data[i].packageId + "'><td>" + data[i].wanglanTiaoma + "</td>"
                    + "<td>" + data[i].packageTiaoma + "</td><td>" + data[i].packageName + "</td>"
                    + "</tr>";
            }
            console.log(str);
            $(".packagedetail").append(str);
        }

 		$(".del").click(function(){
 			var chk_value = getSelRecord();
 			if(chk_value.length > 0){
 				layer.confirm('你确定要删除么？', function(){
 					$.ajax({
 			             type: "POST",
			             url:"${ctx}/qingxi/qingxiDel.do?id="+chk_value.join(),
 			             error: function(request) {
 			            	 	layer.alert("网络故障，请稍后再试!");
			             },
 			             success: function(data) {
 			 	           	if(data.status=="true"){
				 	           	layer.alert("删除成功", function(){
				 	           		window.location.reload();
			           		    });
			 	           	}else{
			 	           		layer.msg(data.msg);
			 	           	}
 			             }
 			         });
 				});
 			}else{
 				layer.msg('请选择要删除的数据！');
 			}
 		});


    });

//    var vue = $BySlin.addPage("/qingxi/qingxiList", "#app", function (type, data, index) {
//
//    }, true, ['addressName']);

    function getSelRecord() {
        var chk_value = new Array();
        $('input[name="qingxiLiushui"]:checked').each(function () {
            chk_value.push($(this).val());
        });
        return chk_value;
    }

    function getParameter(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
</script>


</body>
</html>